<template>
  <div class="home">
    <div class="hometop">
      <el-form
        ref="form"
        :model="form"
        label-width="80px"
        @submit.native.prevent
      >
        <el-form-item label="活动名称">
          <el-input v-model="form.name" placeholder="请输入内容">
            <i slot="suffix" class="el-icon-search" @click="onSubmit"></i>
          </el-input>
        </el-form-item>
      </el-form>
      <div @click="handpush">11</div>
    </div>
    <div></div>

    <!-- <HelloWorld msg="This is an hellow page" /> -->
  </div>
</template>

<script>
// @ is an alias to /src
import HelloWorld from "@/components/HelloWorld.vue";
import { getAuthsApi } from "../api/home";
// export default {
//   name: "HomeView",
//   components: {
//     // HelloWorld,
//   },
// };
export default {
  data() {
    return {
      form: {
        name: "",
      },
    };
  },
  methods: {
    onSubmit() {
      console.log("submit!", this.form.name);
    },
    handpush() {
      this.$router.push({ path: "/about?type=test" });
    },
    handgetRouters() {
      getAuthsApi({
        mid: 1,
        wd: "搞笑",
        limit: 10,
        timestamp: 1704375326965,
      }).then((res) => {
        console.log("111", res);
      });
    },
  },
  created() {
    this.handgetRouters();
  },
};
</script>
<style scoped>
.hometop {
  height: 100px;
  width: 300px;
  display: flex;
}
</style>
